<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<title>顶部导航栏</title>
<link href="style/index.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.3.1.js" type="text/javascript"></script>
<script src="js/jquery.epiclock.js" type="text/javascript"></script>
<style type="text/css">
<!--
{literal}
body {
	margin: 0px;
	background-image: url(images/bg_01.jpg);
	background-repeat: repeat-x;
	font-size:12px;
}
#logo {
	padding:20px 10px 5px 30px;
	font-size:28px;
	font-family: "黑体";
	color:#FFFFFF;
}
#top-nav {
	width:100%;
	overflow: hidden;
}
#list-nav {
	margin-left:25%;
}

#list-nav a:hover {
	display:block;
	color:#fff;
	BACKGROUND: url(images/top_bn_now.gif) repeat-x center top;
}
#list-nav li{
	height:26px;
	width:82px;
    float:left;
	margin:0 5px;
	text-align:center;
	line-height:26px;
	BACKGROUND: url(images/top_bn.gif) repeat-x center top;
}
#time-nav {
	height:32px;
	line-height:32px;
	padding:0 15px;
	BACKGROUND: url(images/bg_02.jpg) repeat-x center top;
}
#date {
	padding-left:20px;
	BACKGROUND: url(images/icon.gif) no-repeat 0 10px;
}
#index {
	padding-left:20px;
	BACKGROUND: url(images/icon.gif) no-repeat 0 -15px;
	margin-right:20px;
}
#cancel {
	padding-left:20px;
	BACKGROUND: url(images/icon.gif) no-repeat 0 -40px;
}
{/literal}
-->
</style>
<script type="text/javascript"> 
{literal}
$(function(){
    $('#epiClock').epiclock({ format : ' Y年F月j日　G:i:s　D' });  //绑定
    $.epiclock();               //开始运行
});
{/literal}
</script>
</head>

<body>
<div id="logo"><img src="images/logo.gif" alt="后台首页"></div>
<div id="top-nav">
	<ul id="list-nav">
		<li><a href="#">常规管理</a></li>
		<li><a href="#">用户管理</a></li>
		<li><a href="#">文章管理</a></li>
		<li><a href="#">产品管理</a></li>
		<li><a href="#">留言管理</a></li>
		<li><a href="#">模板管理</a></li>
		<li><a href="#">数据管理</a></li>
		<li><a href="#">系统管理</a></li>
	</ul>
	<div class="clear-float"></div>
	<div id="time-nav">
		<ul>
			<li id="date" class="left-float">现在时间：<span id="epiClock"></span></li>
			<li id="cancel" class="right-float"><a href="#">安全退出</a></li>
			<li id="index" class="right-float"><a href="#">网站首页</a></li>
		</ul>
	</div>
</div>
</body>

</html>
